<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>瀑布流布局的实现</title>
    <link rel="stylesheet" href="./common.css">
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
    <script src="./app.js"></script>
</head>
<body>
<div id="main">
    <div class="pin">
        <div class="box"><img src="./img/1.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/2.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/3.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/4.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/5.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/6.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/7.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/8.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/9.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/10.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/11.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/12.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/13.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/14.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/15.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/16.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/17.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/18.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/19.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/20.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/21.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/22.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/23.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/24.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/25.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/26.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/27.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/28.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/29.jpg" alt=""></div>
    </div>
    <div class="pin">
        <div class="box"><img src="./img/30.jpg" alt=""></div>
    </div>
</div>
</body>
</html>